<script setup>
import { onMounted, ref } from "vue";
import { wordCloudApi } from "@/apis/user";
import { useUserStore } from "@/stores/userStore";
const wordCloud64 = ref();
onMounted(async () => {
  const userStore = useUserStore();
  if (userStore) {
    const user = userStore.getUserInfo()
    const userId = user?.userId
    const res = await wordCloudApi(userId);
    wordCloud64.value = res.imgUrl;
  }
  
});

</script>
<template>
<image
class="wordCloud"
  :src="wordCloud64"
  mode="scaleToFill"
/>
</template>
<style scoped>
.wordCloud {
  width: 390px;
  height: 470px;
}
</style>